<template>
	<div class="card">
		<div class="card-body pb-1">
			<div>
				<h5 class="header-title mb-1 mt-0">Alerts</h5>
				<p class="sub-header"
					>Provide contextual feedback messages for typical user actions with
					the handful of available and flexible alert messages.</p
				>
				<b-alert variant="primary" show
					>A simple primary alert—check it out!</b-alert
				>
				<b-alert variant="secondary" show
					>A simple secondary alert—check it out!</b-alert
				>
				<b-alert variant="success" show dismissible
					>A simple success alert—check it out!</b-alert
				>
				<b-alert variant="danger" show dismissible
					>A simple danger alert—check it out!</b-alert
				>
				<b-alert variant="warning" show dismissible
					>A simple warning alert—check it out!</b-alert
				>
				<b-alert variant="info" show>A simple info alert—check it out!</b-alert>
			</div>
		</div>
	</div>
</template>